﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ucDanhSachNguoiDung.ascx.cs"
    Inherits="STT.Admin.WebForms.ucDanhSachNguoiDung" %>

<div class="widget-box  widget-box-right">
    <div class="widget-title">
        <span class="icon">
            <i class="icon-th-list"></i>
        </span>
        <h5>Người dùng online</h5>
    </div>
    <div class="chat-users panel-right2">
        <div class="panel-content nopadding">
            <ul class="contact-list">
                <li id="user-Sunil" class="online user">
                    <a href="#">
                        <img alt="" src="../../Img/demo/av1.jpg">
                        <span>Pham Tu</span></a>
                </li>
                <li id="user-vijay" class="online user"><a href="#">
                    <img alt="" src="../../img/demo/av3.jpg">
                    <span>Ta No Bi</span>
                    <img src="../../img/online.png" alt="Alternate Text" style="width: auto; height: auto;
                        margin-left: 15px;" />
                </a>

                </li>
                <li id="user-Jignesh" class="online user"><a href="#">
                    <img alt="" src="../../img/demo/av4.jpg">
                    <span>Huu Chu</span></a></li>
                <li id="user-Malay" class="online user"><a href="#">
                    <img alt="" src="../../img/demo/av5.jpg">
                    <span>Toi La Toi</span></a></li>
                <li id="user-Jignesh" class="online user"><a href="#">
                    <img alt="" src="../../img/demo/av4.jpg">
                    <span>Vo Hinh</span></a></li>
                <li id="user-Malay" class="online user"><a href="#">
                    <img alt="" src="../../img/demo/av5.jpg">
                    <span>Lang Tu</span></a></li>
            </ul>
        </div>


        <%--        <div class="chat-message">
            <button class="btn">
                <i class="icon-file"></i>
            </button>
            <span class="input-box">
                <input type="text" name="msg-box" id="msg-box">
            </span>
        </div>--%>
    </div>
</div>

<div class="widget-box">
    <div class="widget-title">
        <span class="icon"><i class="icon-file"></i></span>
        <h5>Thông báo</h5>
    </div>
    <div class="widget-content nopadding">
        <ul class="activity-list">
            <li><a href="../Admin/Default.aspx?">
                <i class="icon-envelope"></i>
                <strong>Hộp thư đến</strong> <strong class="label label-important">
                    <asp:Literal ID="txtSoLuong" runat="server">3</asp:Literal></strong>
            </a></li>
            <li><a href="#">
                <i class="icon-star"></i>
                <strong>Hộp thư đi</span>
            </a></li>
        </ul>
    </div>
</div>

<div class="widget-mail span4 hide">
    <div class="widget-box  widget-box-right">
        <div class="widget-title">
            <span class="icon">
                <%--<i class="icon-comment"></i>--%>
                <img src="../../img/mail.png" alt="Alternate Text" style="margin-top: -6px;" />
            </span>
            <h5>Gửi tin nhắn-email</h5>
            <span class="icon" style="float:right">
                <%--<i class="icon-comment"></i>--%>
                <img src="../../img/delete.jpg" alt="Alternate Text" style="margin-top: -6px;" class="closesend"/>
            </span>
        </div>
        <div class="chat-users panel-right2">
            <div class="panel-content nopadding">
                <ul class="contact-list" style="overflow-y: hidden; width: 90%; float: left;">
                    <li id="user-Sunil" class="online">
                        <a href="#">
                            <img alt="" src="../../Img/demo/av1.jpg">
                            <span>Pham Tu</span></a>
                    </li>
                </ul>
                
                <button class="btn" style="padding: 10px; margin-top: 5px;">
                    <i class="icon-plus"></i>
                </button>
            </div>
            <div class="chat-message">
                <asp:TextBox ID="txtNoiDung" runat="server" TextMode="MultiLine" Rows="7" CssClass="txtNoiDung"></asp:TextBox>
            </div>
            <div class="btgroup">
                <button class="btn btn-primary">
                    Đính kèm
                </button>
                <button class="btn btn-primary">
                    Gửi
                </button>
            </div>

        </div>
    </div>
</div>

<script>
    $('.closesend').click(function () {
        $('.widget-mail').css('display', 'none');
    });
    $('.user').click(function () {

        $('.widget-mail').css('display', 'block');
    });
    
</script>

